<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="js/jquery-1.11.0.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/ingdex.js"></script>
    <link rel="stylesheet" href="css/shouye.css" />
  </head>
  <body>
    <div class="headerTop">
      <div class="bx">
        <div class="bxl">
          <p>
            <a href="shouye.html">E宠首页</a>
          </p>
          <p>送至：</p>
        </div>
        <ul>
          <li class="login">[登录]</li>
          <li class="regedit">[注册]</li>
          <li class="cart">购物车(<span>0</span>)</li>
          <li>我的E宠<span></span></li>
          <li>收藏<span></span></li>
          <li>手机版</li>
          <li>问题反馈</li>
        </ul>
      </div>
    </div>
    <div class="header">
      <a href="shouye.html" class="logo"></a>
      <form action="" class="seach">
        <div>
          <input type="text" />
          <button>搜索</button>
        </div>
        <div class="remen">
          <a href="" class="frast">热门搜索：</a>
          <a href="">巅峰同厂大牌平替低至11</a>| <a href="">驱虫好物</a>|
          <a href="">巅峰详情页领劵</a>|
        </div>
      </form>
      <div class="shoping cart">购物车(<span>0</span>)</div>
    </div>
    <!--轮播图 -->
    <div class="main">
      <div class="main-nav">
        <a href="" class="n">狗狗</a>
        <a href="" class="n2">商品分类</a>
        <a href="">品牌特卖</a>
        <a href="">超频视频</a>
        <a href="">小剧场</a>
        <a href="">E宠课堂</a>
        <a href="">猛抓联盟</a>
        <a href="">清仓特价</a>
      </div>
      <div class="main-center">
        <ul class="main-center-left line">
          <div>4146中精选宝贝</div>
          <div>4146中精选宝贝</div>
        </ul>
        <ul class="main-center-left">
          <li>
            <a href="">主粮</a>
            <a href="">零食</a>
            <p>
              <a href="">主粮</a>
              <a href="">零食</a>

              <a href="">主粮</a>
              <a href="">零食</a>
              <a href="">主粮</a>
              <a href="">零食</a>
              <a href="">主粮</a>
              <a href="">零食</a>
              <a href="">主粮</a>
              <a href="">零食</a>
            </p>
          </li>
          <li>
            <a href="">玩具</a>
            <a href="">清洁</a>
            <p class="">
              <a href="">主粮</a>
              <a href="">零食</a>

              <a href="">主粮</a>
              <a href="">零食</a>
              <a href="">主粮</a>
              <a href="">零食</a>
              <a href="">主粮</a>
              <a href="">零食</a>
              <a href="">主粮</a>
              <a href="">零食</a>
            </p>
          </li>
          <li>
            <a href="">保健</a>
            <a href="">护理</a>
            <p>
              <a href="">主粮</a>
              <a href="">零食</a>
              <a href="">主粮</a>
              <a href="">零食</a>
              <a href="">主粮</a>
              <a href="">零食</a>
              <a href="">主粮</a>
              <a href="">零食</a>
            </p>
          </li>
          <li>
            <a href="">生活</a>
            <a href="">牵引</a>
            <p>
              <a href="">主粮</a>
              <a href="">零食</a>

              <a href="">主粮</a>
              <a href="">零食</a>
              <a href="">主粮</a>
              <a href="">零食</a>
              <a href="">主粮</a>
              <a href="">零食</a>
              <a href="">主粮</a>
              <a href="">零食</a>
            </p>
          </li>
          <li>
            <a href="">洗澡</a>
            <a href="">服饰</a>
            <p>
              <a href="">主粮</a>
              <a href="">零食</a>

              <a href="">主粮</a>
              <a href="">零食</a>
              <a href="">主粮</a>
              <a href="">零食</a>
              <a href="">主粮</a>
              <a href="">零食</a>
              <a href="">主粮</a>
              <a href="">零食</a>
            </p>
          </li>
        </ul>

        <div class="sliderBox" id="slider1">
          <ul class="sliderUl">
            <li><img src="img/lunbo1.jpg" /></li>
            <li><img src="img/lunbo2.jpg" /></li>
            <li><img src="img/lunbo3.jpg" /></li>
            <li><img src="img/lunbo4.jpg" /></li>
            <li><img src="img/lunbo5.jpg" /></li>
            <li><img src="img/lunbo6.jpg" /></li>
            <li><img src="img/lunbo7.jpg" /></li>
          </ul>
        </div>
        <script src="js/startMove.js"></script>
        <script src="js/slider.js"></script>
        <script>
          let slider1 = new Slider("slider1");
          slider1.addBtns();
          slider1.addCircle();
        </script>
        <ul class="main-center-right">
          <div>
            <p></p>
          </div>
          <div>
            <p></p>
          </div>
        </ul>
      </div>
    </div>
    <div class="li"></div>
    <script>
      let str = "";
      for (let i = 1; i < 5; i++) {
        str += `<div class="list">
        <h1>狗狗主粮</h1>
      <p><img src="img/qingsha.jpg" alt=""></p>
      <ul>
        <li><img src="img/201609_626391 (1).jpg" alt="">135元</li>
        <li><img src="img/201609_626391 (1).jpg" alt="">135元</li>
        <li><img src="img/201609_626391 (1).jpg" alt="">135元</li>
        <li><img src="img/201609_626391 (1).jpg" alt="">135元</li>
        <li><img src="img/201609_626391 (1).jpg" alt="">135元</li>
        <li><img src="img/201609_626391 (1).jpg" alt="">135元</li>
        <li><img src="img/201609_626391 (1).jpg" alt="">135元</li>
        <li><img src="img/201609_626391 (1).jpg" alt="">135元</li>
      </ul>
      </div>
        `;
      }
      $(".li").html(str);
      
      for (let i = 0; i < $(".list li").length; i++) {
        $(".list li")[i].click(function () {
          window.location = "list.html";
        });
      }
      console.log($(".list li"))
    </script>
  </body>
</html>
